<template>
  <div>
    <el-row style="float: right">
      <el-col class="front-tab">
        <el-tabs v-model="activeName" @tab-click="handleClick">
          <el-tab-pane label="登陆" name="Login"></el-tab-pane>
          <el-tab-pane label="首页" name="BootIndex"></el-tab-pane>
          <el-tab-pane label="服务中心" name="ServiceCenter"></el-tab-pane>
          <el-tab-pane label="用户反馈" name="UserFeedback"></el-tab-pane>
          <el-tab-pane label="我的" name="UserCenter"></el-tab-pane>
        </el-tabs>
      </el-col>
    </el-row>
    <el-row>
      <el-image class="img" v-bind:src="logoImage"/>
    </el-row>
  </div>
</template>

<script>
export default {
  name: "CommonHeader",
  data() {
    return {
      logoImage: require("@/assets/logo.jpg"),
      activeName: "first",
    };
  },
  methods: {
    handleClick(tab, event) {
      console.log(tab, event);
      this.$router.push("/" + tab.name);
    },
  },
};
</script>

<style>
.img {
  width: 100%;
  height: 135px;
}

.el-tabs__item {
  font-size: 16px !important;
}
</style>
